﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>枫林杀</title>
	<link rel="stylesheet" href="css/style.css">
	<link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
	<script type="text/script" src="js/script.js"></script>
</head>
<body>
	<nav id="nav">
		<div class="container">
			<div class="logo">
				<img src="img/logo.png" alt="logo">
			</div>
			<div class="navbar">
				<ul>
					<li class="active"><a href="#">home</a></li>
					<li><a href="#">站点</a></li>
					<li><a href="#">简历</a></li>
					<li><a href="#">作品</a></li>
					<li><a href="#">联系</a></li>
				</ul>
			</div>
			<div class="social_bookmarks"><a href="#">关注</a></div>
			<div class="social_bookmarks"><a href="#">收藏</a></div>
		</div>
	</nav>
	<section id="home">
		<div class="container">
			<h1 class="text-center">枫林杀的个人网站：<em>天行健，君子以自强不息</em></h1>
			<div class="myslef">
				<p class="text-center">“有木生山上，名曰枫木。枫木，蚩尤所弃其桎梏；是谓枫木；蚩尤为黄帝所得，械而杀之，已摘弃其械，化而为树也；”</p>
            	<p class="text-right">——《山海经·大荒南经》</em><p>
            </div>
		</div>
	</section>
	<section id="web">
		<div class="container">
			<div class="title text-center">
            	<h2>
            	<span></span>网站链接<span></span>
            	</h2>
            </div>
			<div class="webseit">
				<ul>
					<li><a href="#">我的博客</a></li>
					<li><a href="#">cc教育</a></li>
					<li><a href="#">edx链接</a></li>
				</ul>
			</div>
		</div>
	</section>
	<section id="my-Inf">
		<div class="container">
			<div id="text-Inf">
				<ul>
					<li><p>这是我的自我介绍</p></li>
				</ul>
			</div>
			<div id="list-Inf">
				<ul>
					<li><a href="#">标签1</a></li>
					<li><a href="#">标签1</a></li>
					<li><a href="#">标签1</a></li>
					<li><a href="#">标签1</a></li>
				</ul>
			</div>
		</div>
	</section>
	<section>
		
	</section>
	<footer id="footer">
		<div class="container">
			<div class="box-4">
				<ul>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">友情链接</a></li>
				</ul>
			</div>
			<div class="box-4">
				<ul>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">友情链接</a></li>
				</ul>
			</div>
			<div class="box-4">
				<ul>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">友情链接</a></li>
				</ul>
			</div>
			<div class="box-4">
				<ul>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">友情链接</a></li>
				</ul>
			</div>
		</div>
	</footer>
</body>
</html>